<!DOCTYPE html >
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>jquery仿WebQQ菜单ui界面 - 站长素材</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="resources/css/jquery-ui-1.8.24.custom.css" rel="stylesheet" type="text/css" />
		<link href="resources/css/main.css" rel="stylesheet" type="text/css" />
		<link href="resources/css/themesetting.css" rel="stylesheet"  type="text/css" >
		<link href="resources/css/skins/black.css" rel="stylesheet" />
		<link href="resources/css/powerFloat.css" rel="stylesheet" type="text/css"/>
		<link href="resources/css/smartMenu.css" rel="stylesheet"  type="text/css" />
        <link href="resources/css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="resources/js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="resources/js/jquery-powerFloat-min.js"></script>
		<script type="text/javascript" src="resources/js/jquery-smartMenu-min.js"></script>
		<script type="text/javascript" src="resources/js/jquery-class.js"></script>
		<script type="text/javascript" src="resources/js/artDialog.js"></script>
		<script type="text/javascript" src="resources/js/iframeTools.js"></script>
        <script type="text/javascript" src="resources/js/jquery-ui-1.8.24.custom.min.js"></script>
        <script type="text/javascript" src="resources/js/interface.js"></script>
		<script type="text/javascript" src="resources/js/data.js"></script>
		<script type="text/javascript" src="resources/js/bsv1.3-core.js"></script>
        <!--[if lt IE 7]>
 			<style type="text/css">
 				div, img { behavior: url(resources/js/iepngfix.htc) }
 			</style>
		<![endif]-->
	</head>
	<body>
        <div id='desktop' style='position: static;'>
            <div id='desktopWrapper' style="left: 73px; right: 0px;">
                <div id='desktopsContainer' class='desktopsContainer' style="left: 73px">
                </div>
            </div>
            <div id='dock' class='dock'>
                <div class='dock-container'>
                </div>
            </div>
            <div id='leftBar'>
                <div id="dockContainer" class="dock_container" style="z-index: 10;">
                    <div class="dock_middle">
                        <!--工具栏-->
                        <div class='dock_tool_list' id='dockToolList'>
                            <div class='dock_tool_item'>
                                <!--第一栏-->
                                <a id="tool_pinyin" title='输入法' cmd='Pinyin'	class='dock_tool_icon dock_tool_pinyin' href='javascript:void(0)'></a>
                                <a id="tool_sound" title='静音' cmd='Sound'	class='dock_tool_icon dock_tool_sound' href='javascript:void(0)'></a>
                            </div>
                            <div class='dock_tool_item'>
                                <!--第二栏-->
                                <a id="tool_setting" title='系统设置' cmd='Setting'	class='dock_tool_icon dock_tool_setting' href='javascript:void(0)'></a>
                                <a id="tool_theme" title='主题设置' cmd='Theme'	class='dock_tool_icon dock_tool_theme' href='javascript:void(0)'></a>
                            </div>
                            <div class='dock_tool_item'>
                                <!--第三栏-->
                                <a id="tool_start" title='点击这里开始' class='dock_tool_icon dock_tool_start' href='#'></a>
                            </div>
                        </div>
                        <!--快速启动按钮（通过js添加）-->
                    </div>
                </div>
            </div>
        </div>
		<div id="themeSetting_wrap" style="display:none;">
				<div id="themeSetting_head" class="themeSetting_head">		
					<div id="themeSetting_tabTheme" class="themeSetting_tab current" style="display: block;">系统主题</div>		
				</div>					
				<div id="themeSetting_body" class="themeSetting_body">	
					<div id="themeSetting_area"  class="themeSetting_area" style="display: block;">						 
					<a href="###" themeid="theme_blue" class="themeSetting_settingButton" id="themeSetting_theme_blue">
						<div style="background: url(resources/images/theme_blue.jpg) no-repeat;" class="themeSetting_settingButton_icon"></div>
						<div class="themeSetting_settingButton_text">梦幻光影</div>
					</a>   
					<a href="###" themeid="theme_pinky_night" class="themeSetting_settingButton" id="themeSetting_theme_pinky_night">
						<div style="background: url(resources/images/theme_pinky_night.jpg) no-repeat;" class="themeSetting_settingButton_icon"></div>
						<div class="themeSetting_settingButton_text">粉红之夜</div>
					</a>      
					<a href="###" themeid="theme_green" class="themeSetting_settingButton" id="themeSetting_theme_green">
						<div style="background: url(resources/images/theme_green.jpg) no-repeat;" class="themeSetting_settingButton_icon"></div>
						<div class="themeSetting_settingButton_text">青青世界</div>
					</a>  
					<a href="###" themeid="theme_wood1" class="themeSetting_settingButton" id="themeSetting_theme_wood1">
						<div style="background: url(resources/images/theme_wood1.jpg) no-repeat;" class="themeSetting_settingButton_icon"></div>
						<div class="themeSetting_settingButton_text">温馨木纹</div>
					</a>         
					<a href="###" themeid="theme_wood2" class="themeSetting_settingButton" id="themeSetting_theme_wood2">
						<div style="background: url(resources/images/theme_wood2.jpg) no-repeat;" class="themeSetting_settingButton_icon"></div>
						<div class="themeSetting_settingButton_text">黑色木纹</div>
					</a>              
					</div>						
					<div id="themeSetting_wallpaper" class="themeSetting_wallpaper" style="display: none;"></div>			
				</div>
		</div>
		
		<div id="zoomWallpaperGrid" class="zoomWallpaperGrid" style="position: absolute; z-index: -10; left: 0pt; top: 0pt; overflow: hidden; height: 381px; width: 1440px;">
			<img id="zoomWallpaper" class="zoomWallpaper" style="position: absolute; top: 0pt; left: 0pt; height: 381px; width: 1440px;" src="resources/images/blue_glow.jpg">
		</div>
		<div class="taskbar_start_menu_container" id="startMenuContainer" _olddisplay="block" style="display: none;">  
			<div class="startMenuImg taskbar_start_menu_body" id="taskbar_start_menu_body">          
			<div uin="0" class="taskbar_start_menu_selfinfo" id="startMenuSelfInfo">       
				<div class="taskbar_start_menu_nick" id="startMenuSelfNick">请&nbsp;<a href="#">登录</a></div>    
				<a title="反馈" href="###" class="startMenuImg startMenuTopControl_support" cmd="support">&nbsp;</a>    
				<a title="锁定" href="###" class="startMenuImg startMenuTopControl_lock" cmd="lock">&nbsp;</a>     
			</div>              
			<ul class="taskbar_start_menu">
				<li cmd="favorite">
					<a title="添加到收藏夹" href="###">添加到收藏夹</a>
				</li>
				<li cmd="shortcut">
				<a title="保存桌面快捷方式" target="_blank" href="###">保存桌面快捷方式</a></li>
				<li cmd="download">
					<a title="下载客户端" href="###">下载客户端</a></li>
					<li title="关于Q+ Web" cmd="about" id="taskbar_helpButton">
					<a href="###">关于Q+ Web</a>
				</li>
				<li cmd="helper">
					<a title="新手指导" href="###">新手指导</a>
				</li></ul>    
				<a class="startMenuImg logout_botton" title="注销当前用户" cmd="logout" href="###"></a>
				</div>
		</div>

	</body>
	
	
</html>